<template>
  <div class="personal">
    <div class="content">
      <div class="content-item">
        <span>会员uid</span>
        <span>12212</span>
      </div>
      <div class="content-item">
        <span>用户名</span>
        <span>测试</span>
      </div>
      <div class="content-item">
        <span>用户头像</span>
        <image src="https://yunkeososyunchuc.bc8t.cn/ymq_canyino2o/static/logo.jpg" mode="scaleToFill" />
      </div>
      <div class="content-item">
        <span>手机号</span>
        <span>18858589696</span>
      </div>
    </div>
  </div>
</template>

<script>
var app = getApp()
export default {
  components: {},
  data() {
    return {}
  },
  computed: {},
  methods: {},
  watch: {},

  // 页面周期函数--监听页面加载
  onLoad() {
    
    app.globalData.setNavigationBarColor(this)
  },
  // 页面周期函数--监听页面初次渲染完成
  onReady() {},
  // 页面周期函数--监听页面显示(not-nvue)
  onShow() {},
  // 页面周期函数--监听页面隐藏
  onHide() {},
  // 页面周期函数--监听页面卸载
  onUnload() {}
  // 页面处理函数--监听用户下拉动作
  // onPullDownRefresh() { uni.stopPullDownRefresh(); },
  // 页面处理函数--监听用户上拉触底
  // onReachBottom() {},
  // 页面处理函数--监听页面滚动(not-nvue)
  // onPageScroll(event) {},
  // 页面处理函数--用户点击右上角分享
  // onShareAppMessage(options) {},
}
</script>

<style scoped>
.content {
  width: 95%;
  margin: 20rpx auto;
  background: #fff;
  padding: 20rpx;
  border-radius: 20rpx;
}
.content-item {
  width: 100%;
  display: flex;
  justify-content: space-between;
  align-items: center;
  padding: 20rpx 0;
}
.content-item image {
  width: 50rpx;
  height: 50rpx;
  border-radius: 50%;
}
</style>
